草庐IT

html - 触发 :hover on moving element without moving mouse

全部标签

javascript - 缓慢移动鼠标时不会触发 mouseleave

如果您将mouseleave监听器放在页面最顶部的div上,如果您将鼠标缓慢移出页面顶部,它不会在Chrome上触发(但如果您快速移动,它会起作用).如果您在文档或正文中监听事件,也是一样的。在Firefox中运行良好。您可以在thiscodepen中看到问题.取消注释CSS填充以查看我当前的解决方法。有没有想过为什么会这样?可能是Webkit错误?还有其他解决方法吗?更新:这与jQuery无关-我在Chrome中使用nativemouseleaveJavaScript事件重现了这个问题。更新:提交Chromium问题:mouseleavenotfiredwhenmovemousesl

javascript - 我可以阻止点击触发网站的常规操作吗?

作为React.js的实验,我正在尝试构建一个chrome扩展,它使用内容脚本将输入字段(现在还有一个按钮)注入(inject)某些网站。在这种情况下,我试图将其注入(inject)Twitter。它看起来像这样:请注意,代码将按钮和输入放在文本下方,但结果相同注入(inject)有效,但我实际上无法使用输入。我将该元素注入(inject)到主页上的推文中,当我点击输入框输入内容时,它会触发推文并展开或收缩。这会从输入中移除焦点,使其变得无用。我试图回调焦点onBlur和stopPropagation()onClick,但是onClick没有被触发并且我不确定如何使用onBlur恢复焦

javascript - Chrome 自动填充不会触发验证。标准自动填充事件?

这个问题在这里已经有了答案:DetectingBrowserAutofill(39个答案)关闭7年前。我正在使用https://github.com/jzaefferer/jquery-validation/进行一些客户端验证它工作正常,除非触发Chrome自动填充,此时验证插件无法识别对输入值的更改并且不会触发。我不允许使用autocomplete="off",我不确定这是否会阻止自动填充。有什么方法可以普遍监听浏览器自动填充事件吗?

javascript - 即使 previos 尚未完成其工作,是否会触发传递给 setInterval 的回调

是否会触发传递给setInterval函数的回调,即使前一个回调(由相同的setInterval触发)尚未完成其工作?如果是这样,我该怎么做才能解决此问题?我应该使用自己的bool标志(如inProcess)还是每次都调用setTimeout而不是setInterval? 最佳答案 我建议使用setTimeout。我有类似的问题,我必须每3秒轮询一次服务器以获取某些数据,直到我收到数据或达到阈值。我写过这样的东西:functiongetData(){$.post(url,data,function(res){if((res.erro

javascript - 不触发显示 block 和 css 转换的解决方法

对于这个问题的这么多更新,我很抱歉,我很高兴每个人都试图帮助我。我认为下面有一个更清晰的理解这个问题的方法:如果您在更改附加过渡的属性之前立即将元素的显示属性设置为block,则CSS过渡将不适用。考虑以下代码:CSS:#creative{display:none;opacity:0;transition:opacity0.5s;}HTML:SampletextJavascript:vardom={};dom.creative=document.getElementById('creative');dom.creative.style.display='block';dom.creat

javascript - Facebook 登录按钮 onlogin 回调触发两次

根据documentation,html属性'onlogin'可用于在登录完成后运行回调函数但是,我们始终让提供的函数运行两次,导致在实际工作时出现问题。虽然我们可以通过运行次数的计数器来捕捉它,但我宁愿了解为什么会发生这种情况并修复它,而不是应用解决方法。完整代码如下(不会在片段中运行): facebooklogintest window.fbAsyncInit=function(){ FB.init({ appId:'foobar123456',//seehttps://developers.facebook.com/apps/ cookie:true,

javascript - Ionic 和 Angular 2 - 拒绝应用来自 'http://localhost:8100/build/main.css' 的样式,因为它的 MIME 类型 ('text/html' 不受支持

我的Ionic在我想在我的iPhone上进行测试之前,build一直运行良好,所以我停止了我的服务器,做了一个ionicserve--addresslocalhost,我注意到我的样式表不再加载了......所以我再次杀死服务器回到ionicserve并且错误仍然存​​在......(index):1Refusedtoapplystylefrom'http://localhost:8100/build/main.css'becauseitsMIMEtype('text/html')isnotasupportedstylesheetMIMEtype,andstrictMIMEchecki

javascript - 使用 React-Router,如何在不触发重新渲染的情况下更新 URL?

我有一个父组件,当URL与特定路径匹配时,它应该呈现另一个组件:constView:React.SFC=({....})=>{return(....}/>);};如果jobPath===/careers/:id一切正常,JobPanel.tsx将呈现。JobPanel.tsx有一个链接,当前将返回this.props.history.push(/careers){handleClose();}}>GoBack或{this.props.history.push('/careers/);handleClose();}}>GoBack问题是JobPanel应该使用此组件在页面内外进行转换:c

javascript - 如何从 HTML 调用缩小的函数?

我正在尝试将旧的(Django)应用程序转换为在前端使用现代JavaScript,包括缩小、模块等。以前我有一个简单的map.js文件,它只有一个绘制map的功能:functionsetupMap(lng,lat,zoom){//drawmap,basedonlat/lngetc}在引入jQuery和map.js之后,我直接从我的HTML页面调用它(应用程序的每个页面都与特定地点相关,所以我想绘制该地点的map):$(document).ready(function(){setupMap(lat,lng,zoom);});效果很好。但我正在尝试以现代方式做事。所以我想将jQuery捆绑

javascript - Safari iphone/ipad "mouse hover"在之前的链接被 javascript 替换后的新链接上

在您点击iphone或ipad上的链接后,它会留下模拟鼠标悬停,触发该链接上的a:hovercss样式。如果该链接具有使您保持在同一页面上的javascript处理程序,悬停状态将不会改变,直到您单击另一个链接。如果您有一个提问的ajax小部件并且每个答案都是链接,这会变得很奇怪。当您触摸其中一个答案时,它会以悬停状态突出显示,然后当问题和答案被新的问题和答案替换(使用javascript)时,出现在与先前答案相同位置的新答案具有其悬停状态自动触发。我想防止这种情况发生在新的答案链接上。有什么方法(也许是javascript中的某些东西)可以给我与“悬停”不再位于该元素上方相同的结果?